<template>
  <h1>{{ msg }}{{ count }}</h1>
  <div>
    <a class="b">{{form}}</a>
  </div>

  <button @click="doCount">test</button>
  <input v-model="msg">
  <Form :module="form">
    <FormItem label="a" prop="a">
      <Input type="text" v-model="form.a"/>
    </FormItem>
    <FormItem label="b" prop="b">
      <Input type="text" v-model="form.b"/>
    </FormItem>
  </Form>
  <Button @click="doTest">test</Button>
</template>
<script setup>
import {ref,reactive} from 'vue'

const msg = ref('Hello World1232!')
const count = ref(0)
const form=reactive({
  a:'',
  b:''
})
const doCount=()=>{
  count.value++
}
function doTest(){
  console.log(form)
}
</script>
<script>
export default{
  data(){
    return {}
  }
}
</script>
<style lang="less" scoped>
div{
  .b{
    color:red;
  }
}
</style>
